<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="__PUBLIC__/member/style/common.css" media="screen"/>
        <script type="text/javascript" src="__PUBLIC__/common/js/jquery.js"></script>
        <script type="text/javascript" src="__PUBLIC__/common/js/common.js"></script>
        <script type="text/javascript" src="__PUBLIC__/pano/pano.js"></script>
        {:W("Easyui")}
        {:W("Uploader")}
        <script type="text/javascript">
            function checksb(){
                var result = true;
                if(result == true){
                    result = AutoCheckSub(".cs");
                }
                return result;
            }
            $(document).ready(function(){
                onoroff();
                $('.dd').tooltip({
                    position: 'right'
                });
                $(".move_cube").mouseover(function(){
                    var temp = $(this).children(".movebox");
                    var w = temp.data("w");
                    var h = temp.data("h");
                    var len = temp.data("len");
                    var n = temp.data("n");
                    var sp = temp.data("speed");
                    $("body").stopTime("move");
                    $("body").everyTime(sp+"ms","move",function(){
                        n = temp.data("n");
                        n++;
                        if(n==len){
                            n=0;
                        }
                        mv_h = -n*h;
                        temp.children("img").css("marginTop",mv_h+"px");
                        temp.data("n",n);
                    });
                });
                $(".move_cube").mouseout(function(){
                    $("body").stopTime("move");
                });
            });
        </script>
        <style>
            .action_left{
                width: 140px; min-height: 200px; overflow: hidden; float: left;
            }
            .action_myphoto{
                width: 120px; height: auto; overflow: hidden; border:1px solid #dbdbdb;
                box-shadow:2px 2px 4px #e2e2e2; margin-bottom: 12px;
            }
            .action_mytext{
                width: auto; height: 22px; overflow: hidden; text-align: left; font: 12px/22px "微软雅黑"; color: #333; cursor: default;
            }
            .action_right{
                width: 660px; min-height: 200px; overflow: hidden; float: left;
            }

            .cubebox{
                width: 300px; height: 202px; overflow: hidden; float: left; margin: 5px;
                border:1px solid #c6c6c6; background: #f3f3f3; padding: 5px; border-radius: 4px;
            }
            .leftbox{
                width: 92px; height: 200px; overflow: hidden; float: left;
            }
            .rightbox{
                width: 200px; height: 200px; overflow: hidden; background: #fff; float: right; border:1px solid #ddd;
            }
            .spot_box{
                width: 90px; height: 90px; overflow: hidden; border:1px solid #ace; background: #e1e7ed;
            }
            .spot_boxin{
                width: 80px; height: 80px; overflow: hidden; border:1px solid #ace; background: url(__PUBLIC__/member/images/common/psbg.png) #fff; margin: 4px;
            }
            .toolbox{
                overflow: hidden;
            }
            .allowbox{
                overflow: hidden; margin-top: 6px;
            }
            .htm_cube{
                width: 42px; height: 18px; overflow: hidden; border:1px solid #dbdbdb; text-align: center; cursor: default;
                font: 10px/18px "微软雅黑"; color: #fff; background: #dfdfdf; margin: 2px 0; border-radius:3px; float: left;
            }
            .htm_cube.me{
                background: #5FC6DA; border-color: #5FC6DA;
            }
            .movebox{
                overflow: hidden;
            }
        </style>
    </head>
    <body>
        {:W("Bg")}
        <div id="upmain">
            <div class="main">
                <div class="main_head">
                    <div class="main_head_left"></div>
                    <div class="main_head_right"></div>
                    <div class="main_head_main">
                        <div class="title">全景项目 - {$panorow['title']}</div>
                        <div title="关闭" onclick="DoNote('确认返回功能首页？','{:U('main/index')}');" class="close"></div>
                        <div title="返回上级" onclick="LinkTo('{$backurl}');" class="goback"></div>
                    </div>
                </div>
                <div class="main_mid">
                    <div class="main_mid_left"></div>
                    <div class="main_mid_right"></div>
                    <div class="main_mid_main">
                        <div class="pano_menu">
                            {:W("Panomenu",array("pano_id"=>$pano_id,"num"=>10))}
                        </div>
                        <div class="none_main">
                            <div class="action_main">
                                <div class="action_title"><a href="{:U('index',array('pano_id'=>$pano_id))}">360物体</a> - 设置</div>
                                <div class="action_web">
                                    <div class="action_left">
                                        <div class="action_myphoto"><img src="{:CC('web_root')}{$viewrow['thumb']}" onload="swichimg2w(this,120);"/></div>
                                        <div class="action_mytext"><b>当前场景：</b>{$viewrow['title']}</div>
                                    </div>
                                    <div class="action_right">
                                        <a href="{:U('cube_add',array('view_id'=>$view_id))}" class="button_add">添加360物体</a>
                                        <div class="pano_table">
                                            <volist name="cubelist" id="row">
                                                <div class="cubebox">
                                                    <div class="leftbox">
                                                        <if condition="$row['spot_type'] eq 1">
                                                            <div class="spot_box">
                                                                <div class="spot_boxin"><img src="{:CC('web_root')}{$row.spotphoto}" onload="photocenterin(this,80,80);" /></div>
                                                            </div>
                                                            <elseif condition="$row['spot_type'] eq 2"/>
                                                            <div class="spot_box">
                                                                <div class="spot_boxin move_cube">
                                                                    <div class="movebox" data-w="{$row.width}" data-h="{$row.height}" data-len="{$row.len}" data-n="0" data-speed="{$row.spotspeed}" style="width: {$row.width}px; height: {$row['height']}px; margin-left: {$row['width']*(-1)/2+40}px; margin-top: {$row['height']*(-1)/2+40}px;"><img src="{:CC('web_root')}{$row.spotphoto}" /></div>
                                                                </div>
                                                            </div>
                                                            <elseif condition="$row['spot_type'] eq 3"/>
                                                            <div class="spot_box">
                                                                <div class="spot_boxin"><img src="{:CC('web_root')}{$row.spoturl}" onload="photocenterin(this,80,80);" /></div>
                                                            </div>
                                                        </if>
                                                        <div class="allowbox">
                                                            <if condition="$row['is_flash'] eq 1">
                                                                <div style="margin-right: 3px;" class="htm_cube me">FLASH</div>
                                                                <else/>
                                                                <div style="margin-right: 3px;" class="htm_cube">FLASH</div>
                                                            </if>
                                                            <if condition="$row['is_html5'] eq 1">
                                                                <div class="htm_cube me">HTML5</div>
                                                                <else/>
                                                                <div class="htm_cube">HTML5</div>
                                                            </if>
                                                        </div>
                                                        <div class="toolbox">
                                                            <a style="display: block;" href="{:U('cube_edit',array('cube_id'=>$row['id']))}" class="btn1">修改</a>
                                                            <a style="display: block;" onclick="DoNote('确认要删除吗？','{:U('cube_del',array('cube_id'=>$row['id']))}');" class="btn1">删除</a>
                                                        </div>
                                                    </div>
                                                    <div class="rightbox" id="cube{$row.target_id}"></div>
                                                    <script type="text/javascript">
                                                        embedpano({
                                                            id:"cube{$row.target_id}box",
                                                            swf:"__PUBLIC__/pano/pano.swf",
                                                            xml:"{:U('readcube',array('cube_id'=>$row['target_id'],'fd'=>$row['otherdirc'],'speed'=>$row['speed']))}",
                                                            target:"cube{$row.target_id}",
                                                            html5:"auto",wmode:"transparent"
                                                        });
                                                    </script>
                                                </div>
                                            </volist>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main_foot">
                    <div class="main_foot_left"></div>
                    <div class="main_foot_right"></div>
                    <div class="main_foot_main"></div>
                </div>
            </div>
        </div>
    </body>
</html>
